<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition template="/template/template2.xhtml">
        <ui:define name="title">
            <h:outputText value="#{bundle.CreateUserInformationTitle}"></h:outputText>
        </ui:define>
        <ui:define name="content">
            <div class="panel-wrapper fixed">
                <ul class="breadcrumbs-navigation">
                    <li><h:link outcome="List">Dashboard</h:link></li>
                    <li><h:link outcome="List">User Information Management</h:link></li>
                    <li><h:link outcome="Create">Create</h:link></li>
                </ul>
            </div>

            <div class="panel-wrapper fixed">
                <div id="msg_error">

                </div>
                <div class="panel ">
                    <div class="title">
                        <h4>Edit User Information</h4>
                    </div>
                    <div class="content">
                        <h:panelGroup id="messagePanel" layout="block">
                            <h:messages errorStyle="color: red" infoStyle="color: green" layout="table"/>
                        </h:panelGroup>
                        <h:form>
                           <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >User Name: <span style="color: red;">*</span></h:outputLabel>
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="username" value="#{userInformationController.selected.username}" title="#{bundle.CreateUserInformationTitle_username}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_username}"/>
                            <br/><br/>
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >Full Name: <span style="color: red;">*</span></h:outputLabel>
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="fullname" value="#{userInformationController.selected.fullname}" title="#{bundle.CreateUserInformationTitle_fullname}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_fullname}"/>
                            <br/><br/>
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >Gender: <span style="color: red;">*</span></h:outputLabel>
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="gender" value="#{userInformationController.selected.gender}" title="#{bundle.CreateUserInformationTitle_gender}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_gender}"/>
                            <br/><br/>
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" value="#{bundle.CreateUserInformationLabel_address}" for="address" />
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="address" value="#{userInformationController.selected.address}" title="#{bundle.CreateUserInformationTitle_address}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_address}"/>
                            <br/><br/>
                            
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >Email: <span style="color: red;">*</span></h:outputLabel>
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="email" value="#{userInformationController.selected.email}" title="#{bundle.CreateUserInformationTitle_email}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_email}"/>
                            <br/><br/>
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" value="#{bundle.CreateUserInformationLabel_phone}" for="phone" />
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="phone" value="#{userInformationController.selected.phone}" title="#{bundle.CreateUserInformationTitle_phone}" />
                            <br/><br/>
                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" value="#{bundle.CreateUserInformationLabel_birthday}" for="birthday" />
                            <h:inputText style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="birthday" value="#{userInformationController.selected.birthday}" title="#{bundle.CreateUserInformationTitle_birthday}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_birthday}">
                               
                            </h:inputText>
                            <br/><br/>                            
                            <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" value="#{bundle.CreateUserInformationLabel_avatar}" for="avatar" />
                            <p:fileUpload style="float:left;width:25%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                id="avatar" value="#{userInformationController.selected.avatar}" mode="simple" sizeLimit="500000"   
                                              allowTypes="/(\.|\/)(gif|jpe?g|png)$/" />
                               <br/><br/>
                            
                               <h:outputLabel style="float:left;width:20%;float:left;height:35px;line-height:35px;" >Account: <span style="color: red;">*</span></h:outputLabel>                   
                            <h:selectOneMenu  style="float:left;width:30%;float:left;height:26px;padding:4px 12px;border:1px solid #d0d0d0;border-radius:4px;
                                             box-shadow:inset 0px 1px 3px 0 rgba(0,0,0,0.2), 1px 2px 3px 0 rgba(0,0,0,0.1);font-family:Arial, Verdana;
                                             color:#565656;font-size:12px;transition: box-shadow 0.3s;-moz-transition: box-shadow 0.3s;-webkit-transition: box-shadow 0.3s;
                                             -o-transition: box-shadow 0.3s;"
                                             id="account" value="#{userInformationController.selected.account}" title="#{bundle.CreateUserInformationTitle_account}" required="true" requiredMessage="#{bundle.CreateUserInformationRequiredMessage_account}">
                                <f:selectItems value="#{accountController.itemsAvailableSelectOne}"/>
                            </h:selectOneMenu>
                            <br/>
                            <br/>

                            <div class="content spacing" style="margin-left: 200px;">

                                <h:commandButton action="#{userInformationController.prepareList}" value="Update" styleClass="button-blue"/>
                                <h:commandButton action="#{userInformationController.performDestroy}" value="Cancel" styleClass="button-white"/>
                            </div>

                        </h:form>
                    </div>
                </div>
            </div>
        </ui:define>
    </ui:composition>

</html>
